/* fixed amazUI */ body{font-size: 1.4rem;} a{color: #232323;} .am-g-fixed{max-width: 1200px;} button.am-topbar-btn.am-hide-lg-only{position: absolute;top: 90px;right: 10px;} .am-tabs-bd .am-tab-panel{padding: 0;} .am-tabs-bd{border: none 0;} .am-tabs-bd h3{min-height:40px;} img{ max-width:100%;} .am-u-md-8 img{ max-width:none;} h1{font-size: 1.375em;margin: 0;} p,ul,ul li,h3{margin: 0;padding: 0;} li{list-style: none;} .am-input-group-lg > .am-form-field, .am-input-group-lg > .am-input-group-label, .am-input-group-lg > .am-input-group-btn > .am-btn{font-size: 1.4rem !important;} /*common*/ .color-fff{color: #fff;} .color-172231{color: #172231;} .color-676767{color: #676767;} .color-7d7d7d{color: #7d7d7d;} .color-7b8cbd{color: #7b8cbd;} .color-c6ac78{color: #c6ac78;} .color-a6c899{color: #a6c899;} .font12{font-size: 1.2rem;} .font16{font-size: 1.6rem;} .font20{font-size: 2rem;} .font28{font-size: 2.8rem;} .font36{font-size: 3.6rem;} .pos-rel{position: relative;} .pos-abs{position: absolute;} /*swiper*/ .swiper-container {width: 100%;height: 549px;} .swiper-container .swiper-wrapper .swiper-slide{background-size: 100%;-webkit-background-size: 100%;} /*subBanner*/ #subBanner{background: #0e3569;} /*section*/ section.section h1{font-size: 1.875em;font-weight: normal;} section.section p.titleSub{font-size: 1em;} /*section1*/ #section1 a{display: block;font-size: 1.8rem;} #section1 a.main01-icon1{background: #eef1f9;} #section1 a.main01-icon2{background: #f9f6ee;} #section1 a.main01-icon3{background: #f2f9ee;} /*section2*/ #section2,#section4{background: #f8f8f8;} #section2 .am-u-lg-6{height: 305px;background-color: #fff;background-size: 160px 305px;-webkit-background-size: 160px 305px;background-repeat: no-repeat;background-position: left center;} #section2 .am-u-lg-6 .am-padding{margin-left: 160px;} #section2 .main2-btm{margin-top: 60px;} #section2 .main2-btm-body{height: 250px;} /*section3*/ #section3{background: url(../img/main3-bg.jpg) no-repeat center;background-size: cover;-webkit-background-size: cover;overflow:hidden;padding-bottom:40px;} #honorsBody{width: 50%;margin: 0 auto;} #honorsBody.am-nav-justify > li > a{border: solid 1px #fff;} #honorsBody.am-nav-justify > li.am-active > a{background: #fff;color: #4e88d4;} #section3 .am-tabs-bd .am-g li a{background: #fff;display: block;} #section3 .main3-more{color: #fefefe;display: block;border: solid 1px #fefefe;border-radius: 20px;width: 10%;margin: 0 auto;padding: 5px 0;} #section3 .main3-more:hover{background: #fefefe;color: #4e88d4;} /*main04*/ #caseBody{width: 60%;margin: 0 auto;} #caseBody.am-nav > li > a{padding: 5px 0;} /*main05*/ #section5 .am-table > tbody > tr > td{padding: 0;} #section5 table.am-table tr td a{display: block;width: 198px;height: 88px;background-repeat: no-repeat;background-position: center;} #section5 table.am-table a.cmp-1{background-image: url(../img/link-cmp1.png);} #section5 table.am-table a.cmp-2{background-image: url(../img/link-cmp2.png);} #section5 table.am-table a.cmp-3{background-image: url(../img/link-cmp3.png);} #section5 table.am-table a.cmp-4{background-image: url(../img/link-cmp4.png);} #section5 table.am-table a.cmp-5{background-image: url(../img/link-cmp5.png);} #section5 table.am-table a.cmp-6{background-image: url(../img/link-cmp6.png);} #section5 .am-g.am-g-collapse .am-u-lg-2{background-size: cover;background-repeat: no-repeat;background-position: center;height: 90px;border: solid 1px #F1F1F1;} #section5 .am-g.am-g-collapse .link1{background-image: url(../img/1.jpg);} #section5 .am-g.am-g-collapse .link2{background-image: url(../img/2.jpg);} #section5 .am-g.am-g-collapse .link3{background-image: url(../img/3.jpg);} #section5 .am-g.am-g-collapse .link4{background-image: url(../img/4.jpg);} #section5 .am-g.am-g-collapse .link5{background-image: url(../img/5.jpg);} #section5 .am-g.am-g-collapse .link6{background-image: url(../img/6.jpg);} #section5 .am-g.am-g-collapse .link7{background-image: url(../img/7.jpg);} #section5 .am-g.am-g-collapse .link8{background-image: url(../img/8.jpg);} #section5 .am-g.am-g-collapse .link9{background-image: url(../img/9.jpg);} #section5 .am-g.am-g-collapse .link10{background-image: url(../img/10.jpg);} #section5 .am-g.am-g-collapse .link11{background-image: url(../img/11.jpg);} #section5 .am-g.am-g-collapse .link12{background-image: url(../img/12.jpg);} #section5 .am-g.am-g-collapse .link13{background-image: url(../img/13.jpg);} #section5 .am-g.am-g-collapse .link14{background-image: url(../img/14.jpg);} #section5 .am-g.am-g-collapse .link15{background-image: url(../img/15.jpg);} #section5 .am-g.am-g-collapse .link16{background-image: url(../img/16.jpg);} #section5 .am-g.am-g-collapse .link17{background-image: url(../img/17.jpg);} #section5 .am-g.am-g-collapse .link18{background-image: url(../img/18.jpg);} #section5 .am-g.am-g-collapse .link1:hover{background-image: url(../img/1.jpg);} #section5 .am-g.am-g-collapse .link2:hover{background-image: url(../img/2.jpg);} #section5 .am-g.am-g-collapse .link3:hover{background-image: url(../img/3.jpg);} #section5 .am-g.am-g-collapse .link4:hover{background-image: url(../img/4.jpg);} #section5 .am-g.am-g-collapse .link5:hover{background-image: url(../img/5.jpg);} #section5 .am-g.am-g-collapse .link6:hover{background-image: url(../img/6.jpg);} #section5 .am-g.am-g-collapse .link7:hover{background-image: url(../img/7.jpg);} #section5 .am-g.am-g-collapse .link8:hover{background-image: url(../img/8.jpg);} #section5 .am-g.am-g-collapse .link9:hover{background-image: url(../img/9.jpg);} #section5 .am-g.am-g-collapse .link10:hover{background-image: url(../img/10.jpg);} #section5 .am-g.am-g-collapse .link11:hover{background-image: url(../img/11.jpg);} #section5 .am-g.am-g-collapse .link12:hover{background-image: url(../img/12.jpg);} #section5 .am-g.am-g-collapse .link13:hover{background-image: url(../img/13.jpg);} #section5 .am-g.am-g-collapse .link14:hover{background-image: url(../img/14.jpg);} #section5 .am-g.am-g-collapse .link15:hover{background-image: url(../img/15.jpg);} #section5 .am-g.am-g-collapse .link16:hover{background-image: url(../img/16.jpg);} #section5 .am-g.am-g-collapse .link17:hover{background-image: url(../img/17.jpg);} #section5 .am-g.am-g-collapse .link18:hover{background-image: url(../img/18.jpg);} /*footer*/ #footer{background: #2b2f3e;} .am-footer a{color: #fff;padding-left: 16px;} /*pageStyle*/ .pageBanner{background-repeat: no-repeat;background-position: center;background-size: cover;-webkit-background-size: cover;height: 317px;} .pageSection{background: #f9f9f9;} .pageBanner h1{font-weight: normal;padding-top: 100px;} /*caseList*/ .caseList-banner{background-image: url(../img/caseList-banner.jpg);} .caseList-banner h1{ padding-top:100px;} .am-table-hover > tbody > tr:hover > td,.am-table-hover > tbody > tr:hover > td a{background: #da2f2f;color: #fff;} /*company*/ #companySection1{background: url(../img/company-bg1.jpg) no-repeat center;background-size: cover;-webkit-background-size: cover;} #companySection3{background: url(../img/company-main3Bg.jpg) no-repeat center;background-size: cover;-webkit-background-size: cover;} #companySection4{background: url(../img/company-mian4Bg.jpg) no-repeat center;background-size: cover;-webkit-background-size: cover;} /*contact*/ .contact-banner{background-image: url(../img/contact-banner.jpg);} .tabSection .am-nav > li{background: #0e3569;} .tabSection .am-nav > li.am-active > a{background: #c22222;} .tabSection .am-nav > li > a{padding: 10px 0;} #contactTab1>p{margin: 80px 0 40px 0;background: url(../img/contact-phoneIcon.png) no-repeat left top;line-height: 42px;padding-left: 62px;} #contactTab1 .am-g.am-g-collapse{height: 100%;} #contactTab2 li{overflow: hidden;margin-top: 24px;} #contactTab2 li .am-u-md-4{background: #f5f5f5;color: #565656;font-size: 20px;line-height: 140px;} #contactTab2 li .am-u-md-8{background: #fafafa;height: 140px;} /*honorsList*/ #contactSection{background: #f7f7f7;} .honors-banner{background-image: url(../img/honorsBanner.jpg);} #contactSection .am-tab-panel .am-u-md-4{float: left;} #contactSection .am-tab-panel .am-u-md-4 .honorsImg{background: #fff;padding: 20px;} /*business*/ .business-banner{background-image: url(../img/business-banner.jpg);} /*invite*/ .invite-banner{background-image: url(../img/invite-banner.jpg);} .article { display: block; margin: 0 0 30px 0; padding: 12px; background: white; border-radius: 3px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); transition: all 220ms; } .article:hover { box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1); transform: translateY(-5px); transition: all 220ms; } .article > img { display: block; width: 100%; margin: 0 0 24px 0; } .article h2 { text-align: center; font-size: 14px; text-transform: uppercase; margin: 0 0 12px 0; } .wall { display: block; position: relative; } .wall-column { display: block; position: relative; width: 33.333333%; /*width: 25%;*/ float: left; padding: 0 12px; box-sizing: border-box; } /*newsList*/ .news-banner{background-image: url(../img/newsBanner.jpg);} #newsSection{background: #f7f7f7;} .newsSearch{background: #fff;width: 100%;left: 0;top: 0;} #newsSection .am-tabs-bd{margin-top: 63px;} #newsSection .newsList-img{background: #fff;} #newsSection .inviteList-img{background: #f8f9fa;} #newsSection .am-list > li{background: none;border: none 0;border-bottom: 1px dashed #dedede;} /*newsDetail*/ #newsDetailSection .am-tabs-bd{margin-top: 66px;} #detailSubTitle{width: 35%;margin: 0 auto;} /*msg*/ #msgSection{background: url(../img/msg-bg.jpg) no-repeat center;background-size: cover;-webkit-background-size: cover;height: 1104px;} #msgSection .msgBody{left: 0;top: 0;width: 100%;} #msgSection .am-g.am-g-fixed{background: #fff;padding: 110px 75px;} #msgSection .am-input-group .am-input-group-label.leftLabel{border-top-left-radius: 8px;border-bottom-left-radius: 8px;background: none;} #msgSection .am-input-group .am-input-group-label.rightLabel{border-top-right-radius: 8px;border-bottom-right-radius: 8px;background: none;} .pdleft15{padding-left:1.5rem; } .padleft0{padding: 1.6rem 0px;} .padleft0 a{margin-bottom:1rem;background: #fff; -webkit-transition:all ease-in-out .3s; -moztransition:all ease-in-out .3s; -ms-transition:all ease-in-out .3s; -otransition:all ease-in-out .3s; transition:all ease-in-out .3s;} .padleft0 a:hover{background: #de2b27;color: #fff;} .padleft0 a .title{background: url(../img/showlist_ico.png) no-repeat left top;} .padleft0 a:hover .title{background: url(../img/showlist_ico1.png) no-repeat left top;} #detailSubTitle{width: 80%;} /*media*/ @media only screen and (min-width: 0px) and (max-width: 640px) { button.am-topbar-btn.am-hide-lg-only{top: 20px;} .swiper-container {height: 183px;} #section1 img.main01-img{display: block;margin: 0 auto;} #section2 .am-u-lg-6{margin-bottom: 20px;} #section2 .am-u-lg-6 .am-padding{margin-left: 0px;} #section2 .main2-btm-body{height: 100%;} #section3 .main3-more{width: 20%;} #honorsBody{width: 100%;} #caseBody{width: 100%;} #companySection1 .am-align-left img,#companySection3 .am-align-left img{width: 100%;} .wall-column {width: auto; float: none;} #newsSection .am-tabs-bd{margin-top: 101px;} #newsDetailSection .am-tabs-bd{margin-top: 101px;} #detailSubTitle{width: 100%;} #msgSection .am-g.am-g-fixed{background: #fff;padding: 30px 0;} } @media only screen and (min-width: 641px) and (max-width: 1024px) { .swiper-container {height: 316px;} #caseBody{width: 90%;} .wall-column {width: 50%;} #detailSubTitle{width: 80%;} #msgSection .am-g.am-g-fixed{background: #fff;padding: 60px;} } .am-dfjsdklf li{margin-left:0.5rem;margin-right:0.5rem;float:left;} .am-djfdsfsd a{ width:16.66%; display:block; border:1px #E9E9E9 solid; float:left; text-align:center; height:90px; line-height:90px;} .am-djfdsfsd a img{ max-height:90px;height: 82px;} .am-pagination td{ padding:5px;} .am-pagination .thisclass a{ background:#062D61; color:#FFFFFF} @media only screen and (min-width: 0px) and (max-width: 640px) { .title-phone{ display:none;} .am-menu .am-icon-bars{ color:#062d61; font-size:1.6rem;} .am-padding-vertical-sm{padding-top:.6rem;padding-bottom:.6rem;} .am-offcanvas-bar{ background:#031E45} .am-menu-offcanvas1 .am-menu-nav li{ color:#233F68;} .am-menu-offcanvas1 .am-menu-nav li span{height: 44px;line-height: 44px; padding-left: 15px;} .am-menu-offcanvas1 .am-menu-nav li a{ color:#FFFFFF;border:none;} .am-menu-offcanvas1 .am-menu-nav .am-active a{ background:#000F24; border-left:2px #C40D0C solid} .am-menu-offcanvas1 .am-menu-toggle{top:-55px;} .am-yinccc{ display:none !important;} .am-yinxxx{ display:block;} .am-padding-vertical-xl{ padding:0px;} .am-margin-vertical{ margin:.5rem 0px;} #section2 .main2-btm{ margin-top:.6rem;} #section3{ height:650px;} .am-padding-bottom-xl{ padding-bottom:.3rem;} .am-foottt{ width:320px; margin:0 auto; float:none} .am-foottt .am-margin-horizontal{ margin:0rem} .am-foottt .am-zzzz{ float:left} .am-foottt .am-yyyy{ float:right} .am-margin-lg{ margin:2.4rem 0} .am-waikkk{ margin-left:.8rem !important; margin-right:.8rem !important; overflow:hidden} .caseList-banner{background: url(../img/caseList-banner.jpg) center center; height:230px;} .caseList-banner h1{padding-top: 70px;} .am-allb{ margin:.5rem 1rem;} .am-allb ul{background:#FFFFFF; border:1px #ECECEC solid; padding:.5rem; margin-bottom:1rem;box-shadow: 0px 1px 0px #EDEDED;} .am-allb ul strong{ color:#929292} .am-allb ul li{ overflow:hidden; line-height:28px; height:28px;} .am-dlsjfkl{ width:100%; max-height:140px;overflow:hidden;} .am-dlsjfkl .am-padding{padding:1rem 1.6rem!important;} #newsSection .am-tabs-bd{padding:0 10px;} .am-padding-lg{ padding:1.4rem} .am-align-left{margin-right: 0rem;} #contactTab1 p{ margin-left:10px;} #contactTab1 .am-u-md-8{ padding:10px;} .am-dfsdfds li .am-u-md-4{/*border:#E9E9E9 1px solid;*/ padding:10px 0; width:96%; margin:15px 2%;background: #f5f5f5;} .am-dfsdfds li .am-u-md-8{ margin-bottom:10px;background: #fafafa;} .mg20{margin:0px 20px;} .pageBanner{background-repeat: no-repeat;background-position: center;background-size: cover;-webkit-background-size: cover;height: 200px;} .pageBanner h1{font-weight: normal;padding-top: 50px;} .min120 p.color-676767{display: none;} .inviteList-img h1.font28{font-size:1.6rem; } .am-wkbbbj #section2{ background:#FFFFFF;} } @media only screen and (min-width: 640px){ .am-yinccc{ display:block;} .am-yinccc li a{ padding-left:0px; padding-right:0px;} .am-yinxxx{ display:none;} .am-dlsjfkl{ width:100%; max-height:350px; overflow:hidden;} .am-dfsdfds{padding:20px 0;} .am-dfsdfds li{clear:both; margin:20px 0; height:130px;} .am-dfsdfds li .am-u-md-4{height:130px;line-height:130px; background:url("/public/images/cjbj.jpg") no-repeat center center #f5f5f5;font-size: 22px;} .am-dfsdfds li .am-u-md-8{height:130px; padding-top:30px;background: #fafafa;} .am-wkbbbj #section2{ background:url("/public/images/c10.jpg"); padding-top:0px; padding-bottom:50px; margin-top:20px;} .am-icon-bars{display:none} /*.cjbj{background: url("/public/images/cjbj.jpg") no-repeat center center;} */} .am-xdhh{width:1200px;margin:0 auto 20px; overflow:hidden; height:60px;} .am-xdhh li{width:127px; margin-left:5px; float:left} .am-xdhh .active{margin-left:0px; background:#0E3569} .am-xdhh .active a{ color:#FFFFFF} .am-xdhh .active a:hover{ color:#0E3569} .am-xdhh li a{ display:block; width:127; line-height:30px; text-align:center} .am-xdhh li a:hover{ background:#EFEFEF}